<template>
  <el-col :span="4">
    <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" theme="white">
      <el-menu-item index="1" v-for="(item, index) in items">
        <router-link :to="'/' + item.ad">{{item.name}}</router-link>
      </el-menu-item>
    </el-menu>
  </el-col>
</template>

<script>
  export default {
  	data(){
  	  return {
  	  	items:[
  	  	  {name:'Worldcloud', ad:'wordcloud'},
  	  	  {name:'票房数据', ad:'movie'},
  	  	  {name:'Chart3', ad:'ad3'},
  	  	  {name:'Chart4', ad:'ad4'},
  	  	  {name:'Chart5', ad:'ad5'},
  	  	  {name:'Chart6', ad:'ad6'},
  	  	]
  	  }
  	}
  }
</script>

<style scoped>
	a{
		text-decoration: none;
		color: black;
		font-size: 16pt;
	}
</style>